<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.1.css">
    <!-- <link rel="stylesheet" href="./lib/bootstrap.min.css"> -->
    <link rel="stylesheet" href="./lib/vendors/layer/theme/default/layer.css">
</head>

<body>

    <div class="bg">
        <div class="top_nav clearfix">
            <div class="greenhouse fl">
                温室大棚
                <i class="triangle"></i>
            </div>
            <div class="zhandian1 fl">
                站点一
            </div>
            <div class="title fl">
                "云上田野" 智能农业管理平台
            </div>

            <div class="tuichu fr">
                退出
            </div>

            <div class="username fr clearfix">
                用户名名称
                <i class="user_header fl"></i>

            </div>
        </div>


        <div class="main">
            <!-- 左盒子 -->
            <div class="left_box">
                <!-- 实时数据部分 -->
                <div class="ss_data">
                    <a href="javascript:;" class="ss_data_full full_screen"></a>


                    <div class="ss_data_header">
                        <div class="right">实时数据</div>
                        <div class="left">采集器一 ▼ </div>
                    </div>
                    <div class="list">
                        <div class="list_child">
                            <img src="./img/云上田野网页切图/实时数据/实时数据图标/icon-61@3x.png" alt="">
                            <div class="detail">
                                <p>空气温度</p>
                                <p>16.63°C</p>
                            </div>
                        </div>
                        <div class="list_child">
                            <img src="./img/云上田野网页切图/实时数据/实时数据图标/icon-61@3x.png" alt="">
                            <div class="detail">
                                <p>空气温度</p>
                                <p>16.63°C</p>
                            </div>
                        </div>
                        <div class="list_child">
                            <img src="./img/云上田野网页切图/实时数据/实时数据图标/icon-61@3x.png" alt="">
                            <div class="detail">
                                <p>空气温度</p>
                                <p>16.63°C</p>
                            </div>
                        </div>
                        <div class="list_child">
                            <img src="./img/云上田野网页切图/实时数据/实时数据图标/icon-61@3x.png" alt="">
                            <div class="detail">
                                <p>空气温度</p>
                                <p>16.63°C</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 可视化数据部分 -->
                <div class="data_analysis">
                    <a href="javascript:;" class="full_screen analysis_full"></a>
                    <div class="ss_data_header">
                        <div class="right">数据分析</div>
                        <div class="left">空气湿度 ▼ </div>
                    </div>
                    <div id="main"></div>
                </div>
                <!-- 报警 -->
                <div class="warning">
                    <a href="javascript:;" class="full_screen"></a>

                    <div class="ss_data_header">
                        <div class="right">报警日志</div>
                    </div>

                    <div class="detail_list">
                        <img src="./img/云上田野网页切图/1首页切图/报警日志/分割线.png" alt="">

                        <div class="detail_p">
                            <p>NQT181126001空气温度数值偏高，请您及时查看！！</p><i> <a href="javascript:;">查看</a></i>
                        </div>
                        <img src="./img/云上田野网页切图/1首页切图/报警日志/分割线.png" alt="">
                        <div class="detail_p">
                            <p>NQT181126001空气温度数值偏高，请您及时查看！！</p><i> <a href="javascript:;">查看</a></i>
                        </div>
                        <img src="./img/云上田野网页切图/1首页切图/报警日志/分割线.png" alt="">
                        <div class="detail_p">
                            <p>NQT181126001空气温度数值偏高，请您及时查看！！</p><i> <a href="javascript:;">查看</a></i>
                        </div>
                        <img src="./img/云上田野网页切图/1首页切图/报警日志/分割线.png" alt="">
                    </div>

                </div>
            </div>
            <!-- 中间部分 -->
            <div class="mid_box">
                <div id="allmap"></div>

                <div class="video_box">
                    <a href="javascript:;"></a>
                    <a href="javascript:;"></a>
                </div>
            </div>
            <!-- 右侧盒子 -->
            <div class="rig_box">
                <!-- 天气预报 -->
                <div class="location_box">
                    <div class="switch_city">
                        <i></i>
                        <span>邯郸</span>
                        <a href="javascript:;">
                            [切换城市]
                        </a>
                    </div>
                    <div class="times_now">
                        <i></i>
                        <div class="detail_box">
                            <p>2018年9月18号 星期三</p>
                            <p>多云 &nbsp; &nbsp; &nbsp; <span>2°C ~ 12°C</span></p>
                        </div>
                    </div>
                </div>

                <!-- 设备状态 -->
                <div class="status_box">
                    <a href="javascript:;" class="full_screen"></a>

                    <div class="ss_data_header">
                        <div class="right">设备状态</div>
                    </div>

                    <div class="status_list">
                        <div class="lists_s">
                            <div class="d_type">
                                <img src="./img/云上田野网页切图/1首页切图/设备状态/设备图标/卷帘.png" alt="">
                                <span>卷被</span>
                            </div>
                            <p>设备状态 : <i></i><span>在线</span></p>
                        </div>
                        <div class="lists_s">
                            <div class="d_type">
                                <img src="./img/云上田野网页切图/1首页切图/设备状态/设备图标/卷帘.png" alt="">
                                <span>卷被</span>
                            </div>
                            <p>设备状态 : <i></i><span>在线</span></p>
                        </div>
                        <div class="lists_s">
                            <div class="d_type">
                                <img src="./img/云上田野网页切图/1首页切图/设备状态/设备图标/卷帘.png" alt="">
                                <span>卷被</span>
                            </div>
                            <p>设备状态 : <i></i><span>在线</span></p>
                        </div>
                        <div class="lists_s">
                            <div class="d_type">
                                <img src="./img/云上田野网页切图/1首页切图/设备状态/设备图标/卷帘.png" alt="">
                                <span>卷被</span>
                            </div>
                            <p>设备状态 : <i></i><span>在线</span></p>
                        </div>
                    </div>
                </div>
                <!-- 农业管理 -->
                <div class="management">
                    <a href="javascript:;" class="full_screen"></a>

                    <div class="ss_data_header">
                        <div class="right">农业管理</div>
                        <div class="history left"> <a href="javascript:;"> 添加记录</a></div>

                    </div>
                    <ul>
                        <li>
                            <p>每天在灌溉进行时，操作人员必须在田间进行巡查</p><span>2018-02-15</span>
                        </li>
                        <li>
                            <p>每天在灌溉进行时，操作人员必须在田间进行巡查</p><span>2018-02-15</span>
                        </li>
                        <li>
                            <p>每天在灌溉进行时，操作人员必须在田间进行巡查</p><span>2018-02-15</span>
                        </li>
                        <li>
                            <p>每天在灌溉进行时，操作人员必须在田间进行巡查</p><span>2018-02-15</span>
                        </li>
                        <li>
                            <p>每天在灌溉进行时，操作人员必须在田间进行巡查</p><span>2018-02-15</span>
                        </li>
                    </ul>
                </div>

            </div>
        </div>
    </div>



    <!-- 实时数据弹出层 -->
    <div class="ss_1 ss_data_if">
        <div class="ss_2 ss_if_main">
            <!-- <div class="dw_box"> -->


            <i class="esc_btn"></i>
            <h1>实时数据</h1>
            <ul class="data_list">
                <li>
                    <!-- 样品站1 -->

                    <div class="clearfix fir_horizontal">
                        <span>样品站 01采集器2019-02-28 14:20:09</span>
                        <i class="fr"></i>
                    </div>

                    <!-- 状态列表 -->
                    <div class="ss_data_main">
                        <ul>
                            <li>
                                <div>
                                    <img src="./img/云上田野网页切图/实时数据/实时数据图标/icon-61@3x.png" alt="">
                                </div>
                                <div>
                                    <p>空气温度</p>
                                    <p>16.63°C</p>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <img src="./img/云上田野网页切图/实时数据/实时数据图标/icon-59@3x.png" alt="">
                                </div>
                                <div>
                                    <p>空气温度</p>
                                    <p>16.63°C</p>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <img src="./img/云上田野网页切图/实时数据/实时数据图标/icon-53@3x.png" alt="">
                                </div>
                                <div>
                                    <p>空气温度</p>
                                    <p>16.63°C</p>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <img src="./img/云上田野网页切图/实时数据/实时数据图标/icon-57@3x.png" alt="">
                                </div>
                                <div>
                                    <p>空气温度</p>
                                    <p>16.63°C</p>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <img src="./img/云上田野网页切图/实时数据/实时数据图标/icon-56@3x.png" alt="">
                                </div>
                                <div>
                                    <p>空气温度</p>
                                    <p>16.63°C</p>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <img src="./img/云上田野网页切图/实时数据/实时数据图标/icon-58@3x.png" alt="">
                                </div>
                                <div>
                                    <p>空气温度</p>
                                    <p>16.63°C</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </li>
                <li>
                    <div class="fir_horizontal clearfix">
                        <span>样品站 01采集器2019-02-28 14:20:09</span>
                        <i class="fr"></i>
                    </div>
                    <!-- 状态列表 -->
                    <div class="ss_data_main">
                        <ul>
                            <li>
                                <div>
                                    <img src="./img/云上田野网页切图/实时数据/实时数据图标/icon-61@3x.png" alt="">
                                </div>
                                <div>
                                    <p>空气温度</p>
                                    <p>16.63°C</p>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <img src="./img/云上田野网页切图/实时数据/实时数据图标/icon-59@3x.png" alt="">
                                </div>
                                <div>
                                    <p>空气温度</p>
                                    <p>16.63°C</p>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <img src="./img/云上田野网页切图/实时数据/实时数据图标/icon-53@3x.png" alt="">
                                </div>
                                <div>
                                    <p>空气温度</p>
                                    <p>16.63°C</p>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <img src="./img/云上田野网页切图/实时数据/实时数据图标/icon-57@3x.png" alt="">
                                </div>
                                <div>
                                    <p>空气温度</p>
                                    <p>16.63°C</p>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <img src="./img/云上田野网页切图/实时数据/实时数据图标/icon-56@3x.png" alt="">
                                </div>
                                <div>
                                    <p>空气温度</p>
                                    <p>16.63°C</p>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <img src="./img/云上田野网页切图/实时数据/实时数据图标/icon-58@3x.png" alt="">
                                </div>
                                <div>
                                    <p>空气温度</p>
                                    <p>16.63°C</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>


            <!-- 样品站2 -->

        </div>
    </div>
    <!-- 数据分析弹出层 -->
    <div class="data_analysis_if ss_data_if">
        <div class="data_if_main ss_if_main">
            <h1>数据分析</h1>
            <div class="upper_part">
                <div class="first_line">
                    <div class="switch_button">
                        空气湿度 <span>▼</span>
                    </div>
                    <ul>
                        <li>01</li>
                        <li>02</li>
                        <li>03</li>
                    </ul>
                </div>

                <div class="second_line">
                    <ul>
                        <li>
                            开始时间:
                        </li>
                        <li class='str_time'>
                            2019-01-15 12:16
                        </li>
                        <li>结束时间:</li>
                        <li class="end_time">2019-01-19 12:16</li>
                    </ul>

                    <div class="btn_cx">
                        确认查询
                    </div>
                </div>
            </div>
            <div class="data_echatrs" id="tipsWindown">

            </div>
        </div>
    </div>
</body>
<!-- <script type="text/javascript" src="http://api.map.baidu.com/api?ak=yourkey&v=2.0&services=false"></script> -->
<script src="./lib/echarts.min.js"></script>
<script src="./lib/jquery-1.12.4.min.js"></script>
<script src="./lib//vendors/layer/layer.js"></script>
<!-- <script src="./lib/bootstrap.min.js"></script> -->
<script src="./js/main.js"></script>

<!-- <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=prU6jXDDKRrfIyeiPm0onIF1cFPFmUCq"></script>
<script type="text/javascript">
    // 百度地图API功能
    var map = new BMap.Map("allmap");    // 创建Map实例
    map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);  // 初始化地图,设置中心点坐标和地图级别
    //添加地图类型控件
    map.addControl(new BMap.MapTypeControl({
        mapTypes: [
            BMAP_NORMAL_MAP,
            BMAP_HYBRID_MAP
        ]
    }));
    map.setCurrentCity("北京");          // 设置地图显示的城市 此项是必须设置的
    map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
</script> -->

</html>